<div class="navigation__container">
  <div style="display: flex; justify-content: start; margin-right: 135px; padding-top: 20px; padding-bottom: 25px; gap: 25px;">
    <div>
      {%- if site.mode == 'module' %}
        <strong>{{ site.data.i18n.common['version'][page.lang] | capitalize }}: </strong></div>
      {%- else if page.sidebar == 'embedded-modules' %}
        <strong>{{ site.data.i18n.common['channel_or_version'][page.lang] | capitalize }}: </strong></div>
      {%- else %}
        <strong>{{ site.data.i18n.common['channel_or_version'][page.lang] | capitalize }}: </strong></div>
      {%- endif %}

      <!-- module-version-badge -->
      <div id="doc-versions-menu" class="channel-menu submenu-parent">
        {%- unless site.mode == 'module' %}
          {%- if page.sidebar == 'embedded-modules' %}
            <!--#include virtual="/includes/channel-menu-module.html" -->
          {%- else %}
            <!--#include virtual="/includes/channel-menu-v2.html" -->
          {%- endif %}
        {%- endunless -%}
      </div>
  </div>
  <div class="breadcrumbs__container">
    <ol class="breadcrumbs">
      {% include nav-breadcrumbs-pagepath.html %}
    </ol>
  </div>
  {% if page.searchBageEnabled %}
    <!--start search-->
    {%- if site.mode == 'module' %}
      {%- assign cachingTime = '180' %}
    {%- else -%}
      {%- assign cachingTime = '120' %}
    {%- endif -%}
    <div class="searchV3">
      <div class="container">
        <div class="input-wrapper">
          <input type="text" id="search-input" placeholder="{{ site.data.i18n.common.search_placeholder_text[page.lang] }}" class="input"
          {%- if page.sidebar == 'embedded-modules' %}
          data-search-index-path="/modules/search-embedded-modules-index.json:1.0:{{ cachingTime }},/modules/search-external-modules-index.json:1.0:{{ cachingTime }}"
          data-search-context="{{ site.data.i18n.common.search_context_modules[page.lang] }}"
          {%- else %}
          data-search-index-path="{{ '/search.json' | true_relative_url }}:2.0:{{ cachingTime }},/modules/search-embedded-modules-index.json:1.0:{{ cachingTime }},/modules/search-external-modules-index.json:1.0:{{ cachingTime }}"
          data-search-context="{{ site.data.i18n.common.search_context_dkpdocs_and_modules[page.lang] }}"
          {%- endif -%}
          >
          <div id="search-results" class="results" style="display: none"></div>
        </div>
      </div>
    </div>
    <!--end search-->
    <!--loading search JS-->
    {%- assign assetHash = 'now' | date: "%Y-%m-%d %H:%M:%S" | sha256 -%}
    <script type="text/javascript" src="/assets/js/fuse.min.js?v={{ assetHash }}"></script>
    <script type="text/javascript" src="/assets/js/search-v3.js?v={{ assetHash }}"></script>
    <!--end loading search JS-->
  {%- endif %}
</div>
